<template>
	<view class="user clearfix  hv100">
		<!-- <image src="/static/wallet/wallettop.png" class="wallet-top" mode=""></image> -->
		<cu-custom  isBack style="color: #000;background-color: #fff;">
			<block slot="content">我的资产</block>
		</cu-custom>
		<view class="por boxs flex flex-direction" style="background-color: #fff; color: #000;">
			<view class="por px20 text-red mt10 content">
				<text class="text">平台数据</text>
				<text class="triangle" @click="btnClick"></text>
			</view>
			<view v-if="isShow" class="flex align-center justify-between  por mt40">
				<view class="wp25 flex flex-direction align-center">
					<text class="f16">{{systemZc.qqChi}}</text>
					<text class="mt10 f12">期 权</text>
				</view>
				<view class="wp25 flex flex-direction align-center">
					<text class="f16">{{systemZc.ltChi}}</text>
					<text class="mt10 f12">流 通</text>
				</view>
				<view class="wp25 flex flex-direction align-center">
					<text class="f16">{{systemZc.fhChi}}</text>
					<text class="mt10 f12">分 红</text>
				</view>
				<view class="wp25 flex flex-direction align-center">
					<text class="f16">{{systemZc.ggChi}}</text>
					<text class="mt10 f12">广 告</text>
				</view>
			</view>
		</view>
		
		<scroll-view class=" por boxsz" scroll-y  style="width: 94%; margin: auto;height: calc(100vh-45rpx-40rpx);">
		<!-- <view class=""> -->
			<view class="bg-white wp100 flex flex-direction" style="margin-top: 10px;">
				<!-- <image src="/static/wallet/ling.png" class="block25 lingxing" mode=""></image> -->
				<view class="flex align-center text-black fwb py20">
					<image src="/static/wallet/zichan.png" class="biaoqian" mode=""></image>
					<text class="f16 ml10">我的资产</text>
				</view>
				
				<view class="flex align-center justify-between" style="flex-wrap:wrap;">
					
					<view class="assets-item">
						<view class="" style="width:100%; height: 60rpx;font-size: 30rpx;border-bottom: 1px solid #EAEAEA;line-height: 60rpx;display: flex;justify-content: space-between;padding: 0 10rpx;">
							<text>总收益：</text>
							<text class="f16">{{userInfo.sunLastDay}}</text>
							</view>
						<view style="display: flex;justify-content: space-between;align-items: center;">
							<view class="wallet-box wallet-dingwei mt10 "
								  @click="pushPage('/pages/wallet/historey?type='+'0')"
								  style="padding: 0 10px 10px;border-right: 1px solid #f3f3f3;">
								<view class="flex flex-direction por">
									<text class="mt15 f16">余额</text>
									<view class="wp100 flex align-center justify-between mt20">
										<text class="f20">{{zichan.yueNum}}</text>
										<image src="/static/wallet/more.png" class="block12" mode=""></image>
									</view>
								</view>
							</view>
							<view class="wallet-box wallet-dingwei mt10"
								  @click="pushPage('/pages/wallet/historey?type='+'1')"
								  style="padding: 0 10px 10px;">
								<view class="flex flex-direction por">
									<text class="mt15 f16">邦豆</text>
									<view class="wp100 flex align-center justify-between mt20">
										<text class="f20">{{zichan.ydNum}}</text>
										<image src="/static/wallet/more.png" class="block12" mode=""></image>
									</view>
								</view>
							</view>
						</view>
					</view>
					
					<view class="assets-item" style="border-top: 10px solid #F5F5F5;">
						<view class="" style="width:100%; height: 60rpx;font-size: 30rpx;border-bottom: 1px solid #EAEAEA;line-height: 60rpx;display: flex;justify-content: space-between;padding: 0 10px;">
							<text>总分红：</text>
							<text>{{zichan.fhNum}}</text>
							
							</view>
						<view style="flex-drection: column;">
							<view style="display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #f3f3f3;">
								<view class="wallet-box wallet-dingwei mt10"
								      @click="pushPage('/pages/wallet/historey?type='+'3')"
									  style="padding: 0 10px 10px;width: 50%;border-right: 1px solid #f3f3f3;">
									<view class="flex flex-direction por">
										<text class="mt15 f16">分红</text>
										<view class="wp100 flex align-center justify-between mt20">
											<text class="f20">{{zichan.fhNum}}</text>
											<image src="/static/wallet/more.png" class="block12" mode=""></image>
										</view>
									</view>
								</view>
								<view class="wallet-box wallet-dingwei mt10" 
								      @click="pushPage('/pages/wallet/historey?type='+'4')"
									  style="padding: 0 10px 10px;width: 50%;">
									<view class="flex flex-direction por">
										<text class="mt15 f16">种子</text>
										<view class="wp100 flex align-center justify-between mt20">
											<text class="f20">{{zichan.ylbNum}}</text>
											<image src="/static/wallet/more.png" class="block12" mode=""></image>
										</view>
									</view>
								</view>
							</view>
							<view style="display: flex;justify-content: space-between;align-items: center;">
								<view class="wallet-box wallet-dingwei mt10"
								      @click="pushPage('/pages/wallet/historey?type='+'2')"
									  style="padding: 0 10px 10px;width: 50%;border-right: 1px solid #f3f3f3;">
									<view class="flex flex-direction por">
										<text class="mt15 f16">期权</text>
										<view class="wp100 flex align-center justify-between mt20">
											<text class="f20">{{zichan.qqNum}}</text>
											<image src="/static/wallet/more.png" class="block12" mode=""></image>
										</view>
									</view>
								</view>
								<view class="wallet-box wallet-dingwei mt10" 
								      @click="pushPage('/pages/wallet/historey?type='+'6')"
									  style="padding: 0 10px 10px;width: 50%;">
									<view class="flex flex-direction por">
										<text class="mt15 f16">股票</text>
										<view class="wp100 flex align-center justify-between mt20">
											<text class="f20">{{zichan.gpNum}}</text>
											<image src="/static/wallet/more.png" class="block12" mode=""></image>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
					
					<view class="assets-item"  style="border-top: 10px solid #F5F5F5;margin-bottom: 10rpx;">
						<view class="" style="width:100%; height: 60rpx;font-size: 30rpx;border-bottom: 1px solid #EAEAEA;line-height: 60rpx;display: flex;justify-content: space-between;padding: 0 10rpx;">
							<text>我的额度：</text>
							</view>
						<view style="display: flex;justify-content: space-between;align-items: center;">
							<view class="wallet-box wallet-dingwei mt10 "
								  @click="handlemessage"
								  style="padding: 0 10px 10px;border-right: 1px solid #f3f3f3;">
								<view class="flex flex-direction por">
									<text class="mt15 f16">xxxxx</text>
									<view class="wp100 flex align-center justify-between mt20">
										<text class="f20">0.00</text>
										<image src="/static/wallet/more.png" class="block12" mode=""></image>
									</view>
								</view>
							</view>
							<view class="wallet-box wallet-dingwei mt10"
								  @click="handlemessage"
								  style="padding: 0 10px 10px;">
								<view class="flex flex-direction por">
									<text class="mt15 f16">xxxxx</text>
									<view class="wp100 flex align-center justify-between mt20">
										<text class="f20">0.00</text>
										<image src="/static/wallet/more.png" class="block12" mode=""></image>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
				
				
				
				
				<!-- <view class="wallet-box wallet-dingwei" @click="pushPage('/pages/wallet/historey?type='+'0')">
					<image src="/static/wallet/wallet0.png" class="wallet-pic" mode=""></image>
					<view class="px20 flex flex-direction por">
						<text class="mt15 f16">余额</text>
						<view class="wp100 flex align-center justify-between mt20">
							<text class="f20">{{zichan.yueNum}}</text>
							<image src="/static/wallet/more.png" class="block12" mode=""></image>
						</view>
					</view>
				</view>
				<view class="wallet-box wallet-dingwei mt10" @click="pushPage('/pages/wallet/historey?type='+'1')">
					<image src="/static/wallet/wallet1.png" class="wallet-pic" mode=""></image>
					<view class="px20 flex flex-direction por">
						<text class="mt15 f16">益豆</text>
						<view class="wp100 flex align-center justify-between mt20">
							<text class="f20">{{zichan.ydNum}}</text>
							<image src="/static/wallet/more.png" class="block12" mode=""></image>
						</view>
					</view>
				</view>
				<view class="wallet-box wallet-dingwei mt10" @click="pushPage('/pages/wallet/historey?type='+'2')">
					<image src="/static/wallet/wallet2.png" class="wallet-pic" mode=""></image>
					<view class="px20 flex flex-direction por">
						<text class="mt15 f16">期权</text>
						<view class="wp100 flex align-center justify-between mt20">
							<text class="f20">{{zichan.qqNum}}</text>
							<image src="/static/wallet/more.png" class="block12" mode=""></image>
						</view>
					</view>
				</view>
				<view class="wallet-box wallet-dingwei mt10" @click="pushPage('/pages/wallet/historey?type='+'3')">
					<image src="/static/wallet/wallet3.png" class="wallet-pic" mode=""></image>
					<view class="px20 flex flex-direction por">
						<text class="mt15 f16">分红</text>
						<view class="wp100 flex align-center justify-between mt20">
							<text class="f20">{{zichan.fhNum}}</text>
							<image src="/static/wallet/more.png" class="block12" mode=""></image>
						</view>
					</view>
				</view>
				<view class="wallet-box wallet-dingwei mt10" @click="pushPage('/pages/wallet/historey?type='+'4')">
					<image src="/static/wallet/wallet4.png" class="wallet-pic" mode=""></image>
					<view class="px20 flex flex-direction por">
						<text class="mt15 f16">种子</text>
						<view class="wp100 flex align-center justify-between mt20">
							<text class="f20">{{zichan.ylbNum}}</text>
							<image src="/static/wallet/more.png" class="block12" mode=""></image>
						</view>
					</view>
				</view>
				<view class="wallet-box wallet-dingwei mt10" @click="pushPage('/pages/wallet/historey?type='+'6')">
					<image src="/static/wallet/wallet6.png" class="wallet-pic" mode=""></image>
					<view class="px20 flex flex-direction por">
						<text class="mt15 f16">股票</text>
						<view class="wp100 flex align-center justify-between mt20">
							<text class="f20">{{zichan.gpNum}}</text>
							<image src="/static/wallet/more.png" class="block12" mode=""></image>
						</view>
					</view>
				</view> -->
				
			</view>
		<!-- </view> -->
		</scroll-view>
	</view>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
	data() {
		return {
			zichan:{},
			systemZc:{},
			isShow: false
		}
	},
	onShow() {
		this.getData()
	},
	methods: {
		async getData() {
			let {
				data: { zichan, systemZc }
			} = await this.$http.post('wallet.index', {}, { tipConfig: { storeBlock: true } })
			this.zichan=zichan
			this.systemZc=systemZc
		},
		btnClick() {
			this.isShow = !this.isShow;
		},
		pushall(){
			this.setOrder(0)
			uni.navigateTo({
				url:'/pages/order/index'
			})
		},
		handlemessage() {
			uni.showToast({
				title: '暂未开通',
				delta: 1500,
				icon: 'none'
			})
		}
	},
	computed: {
		...mapState(['userInfo'])
	}
}
</script>

<style lang="less">
.wallet{
	&-top{
		width: 100%;
		height: 440rpx;
		position: fixed;
		top: 0;
		z-index: 1;
	}
	
	&-box{
		width: 100%;
		// height: 200rpx;
	}
	&-pic{
		width: 690rpx;
		height: 200rpx;
		position: absolute;
	}
}
.content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	.text {
		color: #000;
	}
	.triangle {
		width: 0;
		 height: 0;
		 border-width: 14rpx;
		 border-style: solid;
		 border-color:  #000  transparent transparent transparent;
	}
}
.boxs{
	width: 100%;
	// height: calc(440rpx - 45px - var(--status-bar-height));
	padding-bottom: 24rpx;
}
.boxsz{
	margin-top: -50rpx;
}
.wallet-dingwei{
	position: relative;
	z-index: 3;
}
.por{
	position: relative;
	z-index: 1;
}
.lingxing{
	position: fixed;
	margin-top: -20rpx;
	z-index: 2;
	margin-left: calc(50% - 40rpx);
}
.biaoqian{
	width: 14rpx;
	height: 28rpx;
}

.assets-item {
	width: 100%;
	padding: 4px;
	display: flex;
	flex-direction: column;
	color: #000;
	border-bottom: 2px solid #f3f3f3;
}
</style>
